<template>
  <div class="all">
	  <img class="img" src="../../assets/img/test.jpg" alt="">
	  <a class="describe" href="#">{{describe}}</a>
	  <span class="relayNum">播放量：{{relayNum}}</span>
  </div>
</template>

<script>
	
  export default{
    name:'',
    data(){
      return {
		  
       }
    },
	props:{
	  imgLink:{
	    type:String,
	    default(){
	      return ""
	    }
	  },
	  describe:{
		  type:String,
		  default(){
			  return ""
		  }
	  },
	  relayNum:{
		  type:String,
		  default(){
		  	return ""
		  }
	  },
	},
    methods:{
      
    },
    components:{
       
    }
  }
</script>

<style scoped>
	.all{
	  display: flex;
	  flex-direction: column;
	  margin: 0;
	}
	.relayNum{
		color: var(--font-grey);
		font-size: 10px;
	}
	img{
		width: 224px;
		height: 224px;
	}
	a:hover{
		color: var(--bcc-green);
	}
</style>
